/**
 * Copyright (C) 2009 eXo Platform SAS.
 * 
 * This is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 2.1 of
 * the License, or (at your option) any later version.
 * 
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public
 * License along with this software; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 */

/**
 * Created by The eXo Platform SARL
 * Modifier : Nguyen Ngoc Thuy
 * April 23, 2007
 * version: $Id$
 */

.UINavigationPortlet ul { 
	list-style:none;	
	padding:0px;
	margin:0px;
}

.UINavigationPortlet {
  background: #b6b6b6;
  padding: 0px 8px;
}
	
.UINavigationPortlet .UINavigationBar {
	white-space: nowrap;
	background-color:#0e4aaa;
	padding: 0 10px;
	height: 33px;		
	!position: relative;
	-moz-border-radius-topleft:  5px;  /* Firefox up to version 3.6 */
	-moz-border-radius-topright:  5px; 
   -webkit-border-top-left-radius: 5px;  /* Safari, Chrome (before WebKit version 533) */
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px; /*Firefox 4; browsers with CSS3 support */
	border-top-right-radius: 5px;
}

.UINavigationPortlet .UINavigationBar  .UITab  {
	float:left;/* orientation=lt */
	float:right;/* orientation=rt */
	margin: 6px 10px 0 0;	
	font-weight:bold;
	text-align:center;
}
.UINavigationPortlet  .UITab  > span {
	padding: 0 6px;
	color: #f57a00;
	line-height: 21px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:block;
	zoom:1;
}

.UINavigationPortlet  .UITab  .DropDownArrowIcon  {
	padding: 0 19px 0 6px;/* orientation=lt */
	padding: 0 6px 0 19px;/* orientation=rt */
}

.UINavigationPortlet .UITab a.TabIcon {
	display:block;
	padding:0 0 0 21px;/* orientation=lt */
	padding:0 21px 0 0px;/* orientation=rt */
	background-position: right;/* orientation=rt */
}

.UINavigationPortlet .UITab  > span  a.DefaultPageIcon {
	background:none;
	padding:0;
}


/*###############-Selected Navigation Tab-################*/

.UINavigationPortlet  .UINavigationBar  .SelectedNavigationTab {
	line-height: 26px;  
	background: url('DefaultSkin/background/NavigationTab.gif') no-repeat center -82px;
	padding-bottom: 5px;
}

.UINavigationPortlet  .SelectedNavigationTab  > span {
	background-color:#fff;
}

.UINavigationPortlet  .SelectedNavigationTab a {
	color: #f57a00;	
}

.UINavigationPortlet  .SelectedNavigationTab .DropDownArrowIcon   {	
	background:#fff url('DefaultSkin/background/NavDownArrowHover.gif') no-repeat right center;	/* orientation=lt */
	background:#fff url('DefaultSkin/background/NavDownArrowHover.gif') no-repeat left center; /* orientation=rt */	
}

/*###########################-NormalNavigationTab--############################*/


.UINavigationPortlet  .NormalNavigationTab .DropDownArrowIcon  {
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat right; /* orientation=lt */
	background: url('DefaultSkin/background/NavDownArrow.gif') no-repeat left; /* orientation=rt */
	cursor: pointer;
}

/*###########################-Hightlight-NavigationTabTab--############################*/

.UINavigationPortlet  .HighlightNavigationTab .TabIcon ,.UINavigationPortlet  .NormalNavigationTab .TabIcon{
	color: #fff;
}

.UINavigationPortlet  .HighlightNavigationTab > span {
	background-color:#6D94C8;
	margin-bottom: 5px;
}


.UINavigationPortlet  .HighlightNavigationTab .DropDownArrowIcon   {	
	background:#6D94C8 url('DefaultSkin/background/NavDownArrow.gif') no-repeat right center;	/* orientation=lt */
	background:#6D94C8 url('DefaultSkin/background/NavDownArrow.gif') no-repeat left center; /* orientation=rt */	
}

/*============ Submenu  =====================*/

.UINavigationPortlet .MenuItemContainer {
	white-space: nowrap;
	border: solid #b7b7b7 1px; /*fix for IE*/
	text-align: left; /* orientation=lt */
	text-align: right; /* orientation=rt */
	z-index: 1;	
	background: #FFF;
	padding: 1px 1px 6px 1px; 
	opacity: 0.9;
}

.UINavigationPortlet .MenuItemContainer .MenuItem {
	border-bottom: 1px solid #fff;
	cursor: pointer;
	line-height: 24px;
	height: 24px;
	width: auto;
	display: block;
	white-space: nowrap;
	font-weight: normal;
	padding:0 5px; 		
}

.UINavigationPortlet .MenuItemContainer  .ArrowIcon{	
	background: url('DefaultSkin/background/Button.gif') no-repeat right -46px; /* orientation=lt */ 
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -46px; /* orientation=rt */ 
}


.UINavigationPortlet .MenuItemContainer .MenuItem a {
	padding: 0px 20px 0px 25px; /* orientation=lt */
	padding: 0px 25px 0px 20px; /* orientation=rt */
	display: block;
}

.UINavigationPortlet .MenuItemContainer .MenuItem a:hover {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer .SelectedItem {
	line-height: 24px;
	width: auto; 
	background-color: #c7c7c7;
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer .SelectedItem   a {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer	.SelectedItem .NormalItem a {
	color: #000;
}

.UINavigationPortlet .MenuItemContainer	.SelectedItem .NormalItem a:hover {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer	.NormalItem .SelectedItem a {
	color: #3e8df0;
}

.UINavigationPortlet .MenuItemContainer .ItemIcon {
	height: 24px; 
	width: auto;
	background-position: right;/* orientation=rt */
}

/*============ Scroll Buttons =====================*/

.UINavigationPortlet .ScrollButtons {	
	margin: 10px 0 0 0;
	display: none;	
	cursor:pointer;
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	height: 15px;		
	width: 20px;
}

.UINavigationPortlet .ScrollButtons a {
	display:block;
	cursor:pointer;
	width: 10px;
	height: 15px;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UINavigationPortlet .ScrollLeftButton {
	background: url('DefaultSkin/background/Button.gif') no-repeat left -15px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat right -15px; /* orientation=rt */

}

.UINavigationPortlet .ScrollRightButton {
	background: url('DefaultSkin/background/Button.gif') no-repeat right -15px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -15px; /* orientation=rt */
}

.UINavigationPortlet .DisableScrollLeftButton {
	background: url('DefaultSkin/background/Button.gif') no-repeat left -30px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat right -30px; /* orientation=rt */
}

.UINavigationPortlet .DisableScrollRightButton { 
	background: url('DefaultSkin/background/Button.gif') no-repeat right -30px; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left -30px; /* orientation=rt */
}

.UINavigationPortlet .HighlightScrollLeftButton ,.UINavigationPortlet .ScrollLeftButton:hover{
	background: url('DefaultSkin/background/Button.gif') no-repeat left top; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat right top; /* orientation=rt */
}

.UINavigationPortlet .HighlightScrollRightButton,.UINavigationPortlet .ScrollRightButton:hover {
	background: url('DefaultSkin/background/Button.gif') no-repeat right top; /* orientation=lt */
	background: url('DefaultSkin/background/Button-rt.gif') no-repeat left top; /* orientation=rt */
}

/***********GroupNavigation*************/

.UINavigationPortlet .GroupNavigation  {
	background-color:#ffa200;
}

.UINavigationPortlet .GroupNavigation .HighlightNavigationTab  > span {
	background-color:#ffcf01;
}
